﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="MarkerOptions.aspx.cs" Inherits="MarkerOptions" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" Runat="Server">
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type ="text/javascript">
    var map;
    function initialize() {
        var latlng = new google.maps.LatLng(-34.906564, -56.199741);
        var myOptions = {
            zoom: 15,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById("map"), myOptions);
        var image = '../imagenes/icono.png';
        var marker = new google.maps.Marker
        (
            {
                position: new google.maps.LatLng(-34.906564, -56.199741),
                map: map,
                icon: image,
                animation: google.maps.Animation.DROP,
                title: 'Comercio'
            }
        );
        var infowindow = new google.maps.InfoWindow({
            content: 'Comercio: Kroser<br/>Rubro: Ferreterias<br/> <img src="../imagenes/kroser.png" alt="" width="30px" height="30px" style="border-width:0px;" />'
        });
        google.maps.event.addListener(marker, 'click', function () {
            // Calling the open method of the infoWindow 
            infowindow.open(map, marker);
        });
    }
    window.onload = initialize;
</script>

<h2>Opciones en Marker</h2>
<div id ="map" style="height: 422px; width: 453px; top: 160px; left: 226px; position: absolute;"></div>
</asp:Content>

